<!-- Pass -->
<p id="pass1" style="font-size: 200%">
  I stepped on a Corn Flake, now I'm a Cereal Killer
</p>
<p id="pass2" style="line-height: 1.5">
  On a scale from one to ten what is your favourite colour of the alphabet.
</p>
<p id="pass3" style="letter-spacing: 50px">
  The quick brown fox jumped over the lazy dog
</p>
<p id="pass4" style="word-spacing: 10px">
  A group of 24 Caterpillars have 694 legs
</p>
<p id="pass5" style="word-spacing: 20ch; letter-spacing: 50rem; line-height: 3">
  Look, a distraction!
</p>
<p id="pass6" style="line-height: 1.5em !important">Banana<br />pass</p>
<!-- one-liner   -->
<p id="pass7" style="line-height: 1.4em !important">Banana</p>
<p id="pass8" style="letter-spacing: 0.12em !important">
  We need more cheeeeeeessseeeee!!!
</p>
<p id="pass9" style="word-spacing: 0.16em !important">
  The cheese grater is in the way!
</p>

<!-- CSS keywords -->
<p id="pass10" style="letter-spacing: unset !important">Banana</p>
<p id="pass11" style="word-spacing: inherit !important">Banana</p>
<p id="pass12" style="line-height: revert !important">Banana<br />pass</p>
<p id="pass13" style="line-height: revert-layer !important">Banana<br />pass</p>

<!-- Fail -->
<p id="fail1" style="line-height: 1.4em !important">Banana<br />error</p>
<p id="fail2" style="letter-spacing: 0.1em !important">
  We need more cheeeeeeessseeeee!!!
</p>
<p id="fail3" style="word-spacing: 0.15em !important">
  The cheese grater is in the way!
</p>
<p
  id="fail4"
  style="word-spacing: 200%; letter-spacing: 1px !important; line-height: 3"
>
  Yo Darth Vader
</p>

<!-- Inapplicable -->
<p id="inapplicable1">I am so blue I'm greener than purple.</p>
<p id="inapplicable2" style="word-spacing: 0.15em; opacity: 0">
  Some hidden text
</p>
